<template>
	<view class="test"></view>
</template>

<script>
</script>

<style>
	.test {
		position: relative;
		width: 100vw;
		height: 100vh;
		background: linear-gradient(90deg, #ffc700 0%, #e91e1e 50%, #6f27b0 100%);
		background-size: 200% 100%;
		background-position: 0 0;
		animation: bgposition 2s infinite linear alternate;
	}


	@keyframes bgposition {
		0% {
			background-position: 0 0;
		}

		100% {
			background-position: 100% 0;
		}
	}
</style>
